<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="d3.v4.min.js"></script>
		<style type="text/css">
			body {
				font-family: Arial;
			}
		</style>
	</head>
	<body>
		<h3>Simple transitions</h3>
		<script type="text/javascript">
			// d3.selectAll("h3").transition()
			// .style("font-size","28px")
			// .style("color","green")
			// .delay(2000).duration(2000)
			d3.select("body")
			   .transition()
			   .delay(200)
			   .each("start", function() { d3.select(this).style("color", "green"); })
			   .style("color", "red");
		</script>
	</body>
</html>
